<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="" lang="zh_CN"><!--<![endif]-->
<head>
<style type="text/css">
.ps-container .ps-scrollbar-x-rail {
	position:absolute;
	bottom:3px;
	height:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	opacity:0;
	filter:alpha(opacity=0);
-o-transition:background-color .2s linear, opacity .2s linear;
-webkit-transition:background-color.2s linear, opacity .2s linear;
-moz-transition:background-color .2s linear, opacity .2s linear;
transition:background-color .2s linear, opacity .2s linear
}
.ps-container:hover .ps-scrollbar-x-rail, .ps-container.hover .ps-scrollbar-x-rail {
	opacity:.6;
	filter:alpha(opacity=60)
}
.ps-container .ps-scrollbar-x-rail:hover, .ps-container .ps-scrollbar-x-rail.hover {
	background-color:#eee;
	opacity:.9;
	filter:alpha(opacity=90)
}
.ps-container .ps-scrollbar-x-rail.in-scrolling {
	opacity:.9;
	filter:alpha(opacity=90)
}
.ps-container .ps-scrollbar-y-rail {
	position:absolute;
	right:3px;
	width:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	opacity:0;
	filter:alpha(opacity=0);
-o-transition:background-color .2s linear, opacity .2s linear;
-webkit-transition:background-color.2s linear, opacity .2s linear;
-moz-transition:background-color .2s linear, opacity .2s linear;
transition:background-color .2s linear, opacity .2s linear
}
.ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail {
	opacity:.6;
	filter:alpha(opacity=60)
}
.ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover {
	background-color:#eee;
	opacity:.9;
	filter:alpha(opacity=90)
}
.ps-container .ps-scrollbar-y-rail.in-scrolling {
	opacity:.9;
	filter:alpha(opacity=90)
}
.ps-container .ps-scrollbar-x {
	position:absolute;
	bottom:0;
	height:8px;
	background-color:#aaa;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
-o-transition:background-color .2s linear;
-webkit-transition:background-color.2s linear;
-moz-transition:background-color .2s linear;
transition:background-color .2s linear
}
.ps-container.ie6 .ps-scrollbar-x {
	font-size:0
}
.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
	background-color:#999
}
.ps-container .ps-scrollbar-y {
	position:absolute;
	right:0;
	width:8px;
	background-color:#aaa;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
-o-transition:background-color .2s linear;
-webkit-transition:background-color.2s linear;
-moz-transition:background-color .2s linear;
transition:background-color .2s linear
}
.ps-container.ie6 .ps-scrollbar-y {
	font-size:0
}
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
	background-color:#999
}
.ps-container.ie .ps-scrollbar-x, .ps-container.ie .ps-scrollbar-y {
	visibility:hidden
}
.ps-container.ie:hover .ps-scrollbar-x, .ps-container.ie:hover .ps-scrollbar-y, .ps-container.ie.hover .ps-scrollbar-x, .ps-container.ie.hover .ps-scrollbar-y {
	visibility:visible
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>${title}</title>
<meta name="keywords" content="${keywords}"/>
<meta name="description" content="${description}"/>

<!--[if lt IE 9]>
  <script src="/static-dist/libs/html5shiv.js?version=8.2.34"></script>
  <script src="/static-dist/es5-shim/es5-shim.js?version=8.2.34"></script>
  <script src="/static-dist/es5-shim/es5-sham.js?version=8.2.34"></script>
  <![endif]-->

<link href="/Web/Web_Wj/index/bootstrap.css" rel="stylesheet">
<link href="/Web/Web_Wj/index/main.css" rel="stylesheet">
<link href="/Web/Web_Wj/index/main-v2.css" rel="stylesheet">
<link href="/Web/Web_Wj/index/main-purple.css" rel="stylesheet">
<link href="/Web/Web_Wj/index/main-purple_002.css" rel="stylesheet">
<script src="/Web/Web_Wj/index/translator.js"></script>
</head>
<body class="zero es-main-purple es-nav-default homepage">

<!--[if lt IE 9]>
<script src="/static-dist/libs/fix-ie.js?version=8.2.34"></script>
<style>
  .lt-ie9 {
    overflow: hidden;
  }
  .ie-mask {
    z-index: 999999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background: #000;
  }
  .ie-alert-wrap {
    position: absolute;
    z-index: 1000000;
    margin: -200px auto 0;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
  }
  .ie-alert {
    width: 514px;
    height: 397px;
    margin: 0 auto;
  }
  .ie-alert__chrome,
  .ie-alert__firefox {
    position: absolute;
    z-index: 1000001;
    display: block;
    bottom: 48px;
    width: 60px;
    height: 80px;
  }
  .ie-alert__chrome {
    left: 50%;
    margin-left: -80px;
  }
  .ie-alert__firefox {
    right: 50%;
    margin-right: -80px;
  }
</style>
<div class="ie-mask"></div>
<div class="ie-alert-wrap">
  <div class="ie-alert" style="background:url('/static-dist/app/img/browser/browser_update.png?version=8.2.34')">
    <a href="http://www.baidu.com/s?wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8" target="_blank" class="ie-alert__chrome"></a>
    <a href="http://firefox.com.cn/download/" target="_blank" class="ie-alert__firefox"></a>
  </div>
</div>

<![endif]-->

<div class="es-wrap">
  <header class="es-header navbar zero-navbar">
    <div class="container">
      <div class="navbar-header">
        <h1> 
        	${logotext}
        </h1>
      </div>
      <form class="zero-search clearfix hidden-xs pull-left" action="/search" method="get">
        <input class="js-search active" name="q" value="${remensousuo}" placeholder="${remensousuo}">
        <div class="tag"> </div>
        <button class="button es-icon es-icon-search"></button>
      </form>
	  ${denglushouye}
    </div>
  </header>
  <div class="category container ">
    <div class="list pull-left">
      <div class="head text-lg"> <a class="white" href="/course/"> <i class="es-icon es-icon-menu mrs"></i> 全部课程 </a></div>
     ${daohang}
    </div>
    <ul class="navbar-nav">
      <li class=""> <a href="/course/" >选课中心 </a> </li>
      ${dingbudaohangtihuan}
    </ul>
  </div>
  <hr class="category-line">
  <section class="es-poster swiper-container  ">
    <div class="swiper-wrapper" style="width: 6745px; height: 420px; transform: translate3d(-4047px, 0px, 0px); transition-duration: 0.3s;">
		${lunbotu}
    </div>
    <div class="pager-btn-group">
      <div class="container">
        <div class="swiper-pager"><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch swiper-visible-switch swiper-active-switch"></span>
        </div>
      </div>
    </div>
  </section>
  ${shouyeremendingbu}
  ${shouyemianfeishipin}
  ${shouyejingpintuijian}
  ${shouyexinketuijian}

  <div class="content container course-reviews zero-dynamic">
    <h2 class="title">学员动态</h2>
    <div class="row">
${xueyuandongtAI}
    </div>
  </div>
  <div class="content container hot-news">
    <h2 class="title">热门资讯</h2>
    <div class="row">
${remenxixun}
    </div>
  </div>
  <div class="connect">
    <div class="container ">
      <div class="row">
        <div class="col-md-3 hidden-xs hidden-sm"> <img class="img-responsive logo pull-left" src="${logotihuan}" 　=""> </div>
        <div class="col-md-5 col-xs-12 link"></div>
        <div class="col-md-4 hidden-xs col-sm-12">
          <div class="row">
            <div class="col-sm-6">
              <div class="call mbm mtl"> <i class="es-icon es-icon-weixin"></i> ${weixintihuan} </div>
              <div class="call mbm"> <i class="es-icon es-icon-phone"></i> ${dianhuatihuan} </div>
              <div class="call"> <i class="es-icon es-icon-mail"></i> ${youjiantihuan} </div>
            </div>
            <div class="col-sm-6">
              <div class="qr-code clearfix">
                <div class="word"> 联系客服 </div>
                <img src="${erweimadizhi}" alt=""> </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <footer class="es-footer">
    <div class="copyright">
      <div class="container"> ${diyihangtihuan}
        <div class="mts"> 课程内容版权均归 <a href="${wangzhandizhitihuan} " target="_Blank"> ${wangzhannichegntihuan} </a> 所有  <a href="http://www.beian.miit.gov.cn">${beianhaotihuan}</a> </div>
      </div>
    </div>
  </footer>
</div>
<script>
  if (typeof app === 'undefined')
  {
      var app = {};
  }
</script> 
<script src="/Web/Web_Wj/index/zh_CN.js"></script> 
<script src="/Web/Web_Wj/index/vendor.js"></script> 
<script src="/Web/Web_Wj/index/common.js"></script> 
<script src="/Web/Web_Wj/index/main_002.js"></script> 
<script src="/Web/Web_Wj/index/main.js"></script> 
<script src="/Web/Web_Wj/index/echo-js.js"></script> 
<script src="/Web/Web_Wj/index/main_003.js"></script> 
<script src="/Web/Web_Wj/index/index.js"></script> 
<script src="/Web/Web_Wj/index/index_003.js"></script> 
<script src="/Web/Web_Wj/index/perfect-scrollbar.js"></script> 
<script src="/Web/Web_Wj/index/index_002.js"></script> 
<script type="text/javascript">
  window.seajsBoot && window.seajsBoot();
</script>
</body>
</html>